<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/shopping.css">
    <script src="./lib/jquery-1.7.2.js"></script>
    <script src="./js/carts.js"></script>
</head>
<body>
    <!-- 头部样式 -->
    <div class="header">
        <div class="header_2">
            <div class="header_1 wrapper clearfix">
                <img src="./imgs/logo.jpg" alt="" class="fl">
                <span class="fl">legochina.cn</span>
                <div class="fl">欢迎光临
                    <span>乐购</span>
                    ,请&nbsp;登陆\
                    <span><a href="./register.html">注册</a></span>
                </div>
            </div>
        </div>
        <div class="header_3 wrapper clearfix">
                <form action="#">
                    <input type="text" class="txt">
                    <input type="submit" value=" " class="sub">
                </form>
                <div class="header_4 fl">
                    <a href="./shopping.html" class="header_5">
                        <i class="fl"></i>
                        购物车
                    </a>
                    <a class="header_6">我的订单</a>
                </div>
                <div class="header_7 fl">
                    <ul class="clearfix">
                        <li><a href="./detailProduction.html">图书</a></li>
                        <li><a href="./product.html">电子书</a></li>
                        <li><a href="#">原创文学</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">运动户外</a></li>
                        <li><a href="#">孕婴童</a></li>
                        <li><a href="#">家居</a></li>
                        <li><a href="#">创意文具</a></li>
                        <li><a href="#">地方特产</a></li>
                        <li><a href="#">海外购</a></li>
                        <li><a href="#">电器城</a></li>
                    </ul>
                    
                </div>
            </div>
    </div>
    <!-- 购物车区域 -->
    <section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <!--所有商品全选-->
                    <input type="checkbox" id="all" class="whole_check">
                    <label for="all"></label>
                    全选
                </li>
                <li class="list_con">商品样式</li>
                <li class="list_price">单价</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">小计</li>
                <li class="list_op">操作</li>
            </ul>
        </div>
        <div class="cartBox">
            <div class="order_content">
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_2" class="son_check">
                        <label for="checkbox_2"></label>
                    </li>
                    <li class="list_con" id="list">
                        <div class="list_img"><a href="javascript:;"><img src="./imgs/000.png" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">她和他</a></div>
                    </li>
                    <li class="list_price">
                        <p class="price">￥41</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥41</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_3" class="son_check">
                        <label for="checkbox_3"></label>
                    </li>
                    <li class="list_con" id="list">
                        <div class="list_img"><a href="javascript:;"><img src="./imgs/书籍/23353342-1_l.jpg" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">从你的全世界路过</a></div>
                    </li>
                    <li class="list_price">
                        <p class="price">￥41</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥41</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_6" class="son_check">
                        <label for="checkbox_6"></label>
                    </li>
                    <li class="list_con" id="list">
                        <div class="list_img"><a href="javascript:;"><img src="./imgs/书籍/23353342-1_l.jpg" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">从你的全世界路过</a></div>
                    </li>
                    <li class="list_price">
                        <p class="price">￥41</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥41</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
            </div>
        </div>
        <!--底部-->
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
                <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
                <div class="calBtn"><a href="javascript:;">结算</a></div>
            </div>
        </div>
    </section>
    <section class="model_bg"></section>
    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
    </section>
    <div class="books wrapper clearfix">
        <h3>猜你喜欢</h3>
        <div class="books_1"></div>
        <ul>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    <span>￥:58</span>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li> 
        </ul>
    </div>
    <div class="wrapper">
        <img src="./imgs/guanggao.jpg" alt="">
    </div>
    <div class="footer">
        <div class="footer_1">
         <ul class="clearfix">
           <li>
             <a href="#"><img src="./imgs/222_11.png" alt=""></a>
           </li>
           <li>
            <a href="#"><img src="./imgs/222_13.png" alt=""></a>
           </li>
           <li>
            <a href="#"><img src="./imgs/222_15.png" alt=""></a>
           </li>
           <li>
            <a href="#"><img src="./imgs/222_17.png" alt=""></a>
           </li>
         </ul>
        </div>
        <div class="footer_2  clearfix">
            <div class="footer_3">
             <ul class="fl">
               <li>购物指南</li>
               <li>购物流程</li>
               <li>发票制度</li>
               <li>账户管理</li>
               <li>会员优惠</li>
             </ul>
             <ul class="fl">
              <li>支付方式</li>
              <li>货到付款</li>
              <li>网上支付</li>
              <li>礼品卡支付</li>
              <li>银行转帐</li>
            </ul>
            <ul class="fl">
              <li>订单服务</li>
              <li>订单配送查询</li>
              <li>订单状态说明</li>
              <li>自助取消订单</li>
              <li>自助修改订单</li>
            </ul>
            <ul class="fl">
              <li>退换货</li>
              <li>退换货政策</li>
              <li>自助申请退换货</li>
              <li>退换货进度查询</li>
              <li>退款方式和时间</li>
            </ul>
            <ul class="fl">
              <li>商家服务</li>
              <li>商家中心</li>
              <li>运营服务</li>
              <li>加入尾品汇</li>
            </ul>
            </div>
            <img src="./imgs/logo_00.png" alt="" class="footer_4">
        </div>
        <div class="footer_5">
            <ul class="clearfix">
              <li>公司简介</li>
              <li>Investor Relations</li>
              <li>网站联盟</li>
              <li>乐购招商</li>
              <li>机构销售</li>
              <li>手机乐购</li>
              <li>官方Blog</li>
              <li>热词搜索</li>
            </ul>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
     </div>
</body>
</html>